<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta content="telephone=no" name="format-detection" />
	<meta name="Description" content=""/>
	<meta name="Keywords" content=""/>
	<link href="favicon.ico" mce_href="favicon.ico" rel="bookmark" type="image/x-icon" />
	<link href="favicon.ico" mce_href="favicon.ico" rel="icon" type="image/x-icon" />
	<link href="favicon.ico" mce_href="favicon.ico" rel="shortcut icon" type="image/x-icon" />
	<title>盖网魔盒</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/styles.css">
	<script src="js/jquery-2.2.2.min.js"></script>
	<script src="js/jquery.flexslider-min.js"></script>
	<script src="js/jquery.flexisel.js"></script>
	<script src="js/cookie.js"></script>
	<script src="js/common.js"></script>
	<script>
		$(function(){
			$("#flexisel-1").flexisel({
				visibleItems : 2.5,
				enableResponsiveBreakpoints: false
			});
			$("#flexisel-2").flexisel({
				visibleItems : 2.5,
				enableResponsiveBreakpoints: false
			});
			//主页广告			
			if(!window.name){
			    window.name = 'gwmh';
			    $("#advertisement").show();			        
			}else{			    
			    $("#advertisement").hide();
			    if(window.name=="gwmhLogined"){
			    	$("#authentication").attr("href","hasLogined.html");
			    }
			}
			$(".ad-box .close").click(function(){
				$(this).parent().parent().hide();
				$("#warm-tip").show();
			})	
			$("#start").click(function(){
				$("#warm-tip").hide();
			})
			//是否已认证	
			if($.cookie("GWNumber")){
				$(".verify-status").show().text($.cookie("GWNumber")+"已认证");
			}else{
				$(".verify-status").hide().text("");
			}	
		})
	</script>
</head>
<body>
	<header class="header">
        <span class="verify-status"></span>
        <span class="header-title">珠海公交WIFI服务</span>
	</header>
	<section class="container">
		<div class="banner">
			<ul class="slides">
			    <li><a href="news.html" title="banner1"><img src="images/temp/banner/indexBanner03.jpg" alt="banner1" /></a></li>
				<li><a href="#" title="banner1"><img src="images/temp/banner/indexBanner02.jpg" alt="banner2" /></a></li>
				<li><a href="app.html" title="banner1"><img src="images/temp/banner/indexBanner01.jpg" alt="banner3" /></a></li>
			</ul>
		</div>
		<ul class="contact clearfix">
			<li>tel:020-2910 6888</li>
			<li>http:www.g-emall.com</li>
		</ul>
		<div class="plate-area">
			<ul id="flexisel-1" class="flexisel clearfix">
				<li>
					<a href="video.html" title="视频板块">
						<img src="images/temp/plate1_258x218.jpg" alt="视频板块">
						<span class="plate-name">视频</span>
					</a>
				</li>
				<li>
					<a href="news.html" title="资讯板块">
						<img src="images/temp/plate2_258x218.jpg" alt="资讯板块">
						<span class="plate-name">资讯</span>
					</a>
				</li>				
				<li>
					<a href="shops.html" title="商户板块">
						<img src="images/temp/plate4_258x218.jpg" alt="商户板块">
						<span class="plate-name">商户</span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0)" title="关于珠海公交文化">
						<img src="images/temp/plate10_258x218.jpg" alt="列车餐单">
						<span class="plate-name"></span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0)" title="活动板块">
						<img src="images/temp/plate3_258x218.jpg" alt="活动板块">
						<span class="plate-name">活动</span>
						<small>（暂未开放）</small>
					</a>
				</li>
			</ul>
			<ul id="flexisel-2" class="flexisel clearfix">
				<li>
					<a href="game.html" title="游戏板块">
						<img src="images/temp/plate5_258x218.jpg" alt="游戏板块">
						<span class="plate-name">游戏</span>
					</a>
				</li>
				<li>
					<a href="app.html" title="应用下载板块">
						<img src="images/temp/plate6_258x218.jpg" alt="应用下载板块">
						<span class="plate-name">应用下载</span>
					</a>
				</li>
				<li>
					<a href="javascript:void(0)" title="便民服务">
						<img src="images/temp/plate7_258x218.jpg" alt="便民服务">
						<span class="plate-name">便民服务</span>
						<small>（暂未开放）</small>
					</a>
				</li>
				<li>
					<a href="about.html" title="关于盖网">
						<img src="images/temp/plate8_258x218.jpg" alt="关于盖网">
						<span class="plate-name">关于盖网</span>
					</a>
				</li>
			</ul>
		</div>		
	</section>
	<footer class="footer">
		<ul class="menu clearfix">
			<li>
				<a href="index.html">
					<i class="icon ico-01 active"></i>
					<span>主页</span>
				</a>
			</li>
			<li>
				<a href="login.html" id="authentication">
					<i class="icon ico-02"></i>
					<span>认证上网</span>
				</a>
			</li>
			<li>
				<a href="social.html">
					<i class="icon ico-03"></i>
					<span>局域社交</span>
				</a>
			</li>
		</ul>
	</footer>
	<!--首页广告-->
	<div id="advertisement" class="mask">
		<div class="ad-box">
			<i class="close"></i>
			<img src="images/temp/ad_332x414.png" class="ad-img" alt="便民租车">
		</div>
	</div>
	<!--温馨提示-->	
	<!--<div id="warm-tip" class="mask hide">
		<div class="popup-box">
			<p class="title">温馨提示</p>
			<p class="content">敬告广大用户！由于高铁沿线移动网络信号覆盖不完全，使用魔盒期间外网访问将会受到限制。请周知！</p>
			<p class="operation">
				<a href="javascript:void(0)" id="start">我已了解，开始使用</a>
			</p>
		</div>
	</div>-->
</body>
</html>